<template>
	<view class="page">
		<view class="pageBg">
			<image src="https://bjsx.gzwhir.com/admin-api/infra/file/18/get/memberbg2.jpg" mode="aspectFill"></image>
		</view>
		<view class="flex0">
			<u-navbar :fixed='false' bgColor="transparent" @leftClick="noHandler"  title="学生心理健康服务平台">
				<view slot="left"></view>
				<view slot="center" class="navTitle"></view>
			</u-navbar>
		</view>
		<view class="flex1">
			<scroll-view scroll-y="true" class="scrollView">
				<view class="pd30">
					<view class="memberHd">
						<view class="avantar">
							<image :src="info.avantar" mode="aspectFill"></image>
						</view>
						<view class="minfo">
							<view class="nick">
								<view class="n">
									{{info.name||'未登录'}}
								</view>
								<view class="sex">
									<view class="ico" v-if="info.sex==1">
										<image src="@/static/images/icon-male.svg" mode="aspectFit"></image>
									</view>
									<view class="ico" v-else>
										<image src="@/static/images/icon-female.svg" mode="aspectFit"></image>
									</view>
								</view>
							</view>
							<view class="pos" style="background: linear-gradient(90deg,#d6e5fc,#e8f2ff);">
								<view class="ico">
									<image src="@/static/images/icon-vip4.svg" mode="aspectFit"></image>
								</view>
								<view class="p" style="color: #6ba3ed;">
									{{info.position}}
								</view>
							</view>
						</view>
						<view class="btn">
							<navigator url="/subpage/settings/settings" class="navigator" open-type="navigate">
								<image src="@/static/images/icon-setting.svg" mode="aspectFit"></image>
							</navigator>
						</view>
					</view>
					<view class="vMenus">
						<navigator url="/subpage/expert/my/profile" open-type="navigate" class="i navigator">
							<view class="ico">
								<image src="@/static/images/m1.png" mode="aspectFit"></image>
							</view>
							<view class="p">基本信息</view>
							<view class="rico">
								<image src="@/static/images/icon-more.svg" mode="aspectFit"></image>
							</view>
						</navigator>
						<navigator url="/subpage/expert/scheduling/scheduling" open-type="navigate" class="i navigator">
							<view class="ico">
								<image src="@/static/images/m2.png" mode="aspectFit"></image>
							</view>
							<view class="p">排班管理</view>
							<view class="rico">
								<image src="@/static/images/icon-more.svg" mode="aspectFit"></image>
							</view>
						</navigator>
						<navigator url="/subpage/expert/appointmentRecord/appointmentRecord" open-type="navigate" class="i navigator">
							<view class="ico">
								<image src="@/static/images/m7.png" mode="aspectFit"></image>
							</view>
							<view class="p">心理咨询预约记录</view>
							<view class="rico">
								<image src="@/static/images/icon-more.svg" mode="aspectFit"></image>
							</view>
						</navigator>
						<navigator url="/subpage/expert/archives/archives" open-type="navigate" class="i navigator">
							<view class="ico">
								<image src="@/static/images/m3.png" mode="aspectFit"></image>
							</view>
							<view class="p">学生心理健康档案</view>
							<view class="rico">
								<image src="@/static/images/icon-more.svg" mode="aspectFit"></image>
							</view>
						</navigator>
						<navigator url="/subpage/message/message" open-type="navigate" class="i navigator">
							<view class="ico">
								<image src="@/static/images/m5.png" mode="aspectFit"></image>
								<text class="dot" v-if="info.uread>0"></text>
							</view>
							<view class="p">消息通知</view>
							<view class="rico">
								<image src="@/static/images/icon-more.svg" mode="aspectFit"></image>
							</view>
						</navigator>
					</view>
				</view>
			</scroll-view>
		</view>
		<view class="flex0">
			<TabBar :active="3" type="expert"></TabBar>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:{}
			}
		},
		methods: {
			getInfo(){
				var that=this;
				var res={
					id:101,
					name:'林月如',
					avantar:'../../../static/upload/exp3.png',
					sex:0,
					position:'专家',
					uread:0
				};
				that.info=res;
			}
		},
		mounted(){
			this.getInfo();
		}
	}
</script>

<style lang="scss" scoped>
	
</style>
